.App {
}

.toolbar {
  background: #fcfcfc;
  border-color: #d0d0d0;

  @apply h-16 px-4 shadow-sm;
  @apply dark:bg-gray-800 dark:text-white dark:border-gray-900;

  a {
    @apply text-gray-600 hover:text-gray-800 dark:text-gray-400 dark:hover:text-gray-300;
  }

  @media (prefers-color-scheme: dark) {
  }
}

.main-container {
  @apply absolute flex space-x-6 left-4 right-4 top-14 bottom-10;
}

.status-bar {
  @apply h-6 px-4 shadow-sm absolute bottom-0 left-0 right-0 text-sm border-t;
  @apply bg-transparent text-gray-500 border-gray-200;
  @apply dark:text-gray-500 dark:bg-gray-800 dark:border-gray-800;

  a {
    @apply text-gray-500 hover:text-gray-600 dark:text-gray-400 dark:hover:text-gray-300;
  }
}
